@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
@font-face
{
font-family: mplus-2p-regular;
src: url('http://dl.dropbox.com/u/33538808/fonts/mplus-2p-regular.woff')
     format("woff");
}

*{margin:0;padding:0;border:0;}
html{font-size:100%!important;}
body{
visibility:visible;
background:url(http://dl.dropbox.com/u/33538808/img/texture/plaid.png) fixed;
box-shadow:inset 0 0 320px #000;
font-size:85%;
line-height:1.4;
font-family:"mplus-2p-regular","sans-serif";
color:#555;
}
h4{font:1.5em;}
h5{font:1.1em;}

a{text-decoration:underline!important;}
a:hover{color:rgb(255,64,64)!important;}
li a{text-decoration:none!important;}

b,em,strong,h1,h2,h3,h4,h5,h6{font-family:"mplus-2p-bold";}
.HandWrite{font:14px/1.5 'Gloria Hallelujah','mplus-2p-regular','Verdana'!important;}

h4,h5,h6,p,ul{ margin-bottom: 1em; }

#contentsArea					{ width: 900px !important; position: relative; }
#contentsArea #leftArea			{ width: 184px !important; position: absolute; left: 0; top: 40px; z-index: 9; }
#contentsArea #rightArea		{ width: 780px !important; padding: 10px; }

#rightArea #freeSpace,
#rightArea #blogSpace
								{ padding: 20px 20px 20px 100px; }


#header,
#userLink,
#blogSpace h3,
#blogSpace #cntSideBlogMore{
  display: none;
}

#leftArea,
#blogSpace,
#rightArea #freeSpace,
#amemberList,
#guruppoArea {
	margin: 0 0 20px !important;
	background-color: rgba(255,255,255,1) !important;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}


#amemberList,
#guruppoArea			{ padding: 20px; }


#profileDetail,
#myMessage				{ margin: 0; padding: 15px 15px 0 !important; }

#userImg				{ margin: 0 0 1em; }

#userImg,
#userLink				{ float: none !important; }

#rightArea .subTitle	{ background: rgba(255,255,255,0); }
#rightArea .subTitle h2 {
	margin: 0 0 1em; padding: 0 0 0 10px;
	font-size: 20px; color: #777; border-left: 4px solid #999; }


a, a:visited		{ color: rgb(64,128,255); text-decoration: none; }
a:hover			{ color: rgb(255,64,96) ; text-decoration: underline; }

hr, hr.l2				{ visibility: hidden; margin: 2em 0; }
hr:after, hr.l2:after	{ visibility: visible; 	content: ""; display: block; }
hr:after				{ border-bottom: 4px dotted #999; }
hr.l2:after				{ border-bottom: 1px dotted #999; }

/* 見出しアイコン **************************************************/

.camera32,
.bargraph32,
.boxdownload32,
.check32,
.comment32,
.folder32,
.gear32,
.home32,
.linedpaper32,
.linedpaperpencil32,
.monitor32,
.notecheck32,
.notepencil,
.notepencil32,
.paperheart32,
.smile32,
.search32,
.speaker32,
.stop32,
.warning32,
.world32 {
	margin: 0 0 1em; padding: 0.5em 0 0 40px;
	display: block;
	min-height: 32px;
	font-size: 16px; color: #777; font-weight: bold; font-family: 'mplus-2p-bold';
	background-repeat: no-repeat;
	background-position: left center;
}

.camera32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/pc.de-duesseldorf-icon-pack/32x32/photography.png); }
.bargraph32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/bargraph32.png); }
.boxdownload32		{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/boxdownload32.png); }
.check32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/check32.png); }
.comment32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/comment32.png); }
.folder32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/folder32.png); }
.gear32				{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/gear32.png); }
.home32				{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/home32.png); }
.linedpaper32		{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/linedpaper32.png); }
.linedpaperpencil32	{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/linedpaperpencil32.png); }
.monitor32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/monitor32.png); }
.notecheck32		{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/notecheck32.png); }
.notepencil,
.notepencil32		{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/notepencil32.png); }
.paperheart32		{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/paperheart32.png); }
.smile32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/smile32.png); }
.search32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/search32.png); }
.speaker32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/speaker32.png); }
.stop32				{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/stop32.png); }
.warning32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/warning32.png); }

.world32			{ background-image: url(http://dl.dropbox.com/u/33538808/img/icon/pc.de-duesseldorf-icon-pack/32x32/world.png); }

.check16,
.check16List li {
	margin: 0; padding: 0 0 0 20px;
	display: block;
	min-height: 16px;
	background-repeat: no-repeat;
	background-position: left 2px;
}
.check16,
.check16List li { background-image: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/check16.png); }
.check16List { list-style: none; }


#blogSpace ul{
  margin: 0 0 0 10px;
  padding: 0.5em 0 !important;
  border-top: 1px dotted #777;
}
#blogSpace .subTitle + ul{
  margin: 0 0 0 10px;
  padding: 0 0 0.5em !important;
  border-top: 0;
}

#blogSpace ul li.blogLeft{
  padding: 0 0 0 20px;
  background: url(http://dl.dropbox.com/u/33538808/img/icon/32x32%20Mono%20Icons%20-%20Tutorial9/arrowright16.png) no-repeat 0% 0%;
}


.indent{margin:0 0 0 2em;}
.caption{font-size:8pt;}
.opacity:hover{opacity:.8;}


ul#guruppoList{margin:0;}


#headAlert{
  margin:0 0 2em;padding:1em;
  text-align:center;
  font-family:"mplus-2p-bold","sans-serif";
  background-color:#333;
  color:#FFF;
}